.NaviBar {
    height          : 50px;
    display         : flex;
    margin          : 14px 43px;
    justify-content: flex-start;
    padding         : 0;
    background-color: #0f84d3;
    list-style-type : none;
    overflow        : hidden;
    text-align: center;

    .NaviBarItemSelected,
    .NaviBarItem {
        display: flex;
        flex-grow: 1;
        justify-content: center;
        align-items: center;
        height     : 100%;
        font-size  : 18px;
        font-weight: bold;
        color      : white;
        padding    : 0 22px;
        user-select: none;
        cursor: pointer;
        text-align: center;
    }

    .NaviBarItemSelected:hover,
    .NaviBarItem:hover {
        background-color: #0d67a5;
    }

    .NaviBarItemSelected {
        background-color: #0d67a5;
    }
}